<template>
  <van-nav-bar title="demo2首页" left-text="主页" left-arrow @click-left="$router.push('/main')"></van-nav-bar>

  <div class="container">
    <div class="table-responsive">
      <table class="table caption-top">
        <caption>List of users</caption>
        <thead>
          <tr>
            <th scope="col">#</th>
            <th scope="col">First</th>
            <th scope="col">Last</th>
            <th scope="col">Handle</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th scope="row">1</th>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
          </tr>
          <tr>
            <th scope="row">2</th>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
          </tr>
          <tr>
            <th scope="row">3</th>
            <td>Larry</td>
            <td>the Bird</td>
            <td>@twitter</td>
          </tr>
        </tbody>
      </table>
      <div>
      </div>
      <van-tabbar >
        <van-tabbar-item icon="home-o" to="index">列表</van-tabbar-item>
        <van-tabbar-item icon="search" to="add">添加</van-tabbar-item>
        <van-tabbar-item icon="friends-o" to="edit">编辑</van-tabbar-item>
        <van-tabbar-item icon="user-o" to="view">查看</van-tabbar-item>
      </van-tabbar>

</template>
<script>

  export default {
    data() {
      return {

      }
    }//data
    , mounted() {
    }
    , methods: {
      routerTo(p) {
        //this.$router.push({name:p})
        //this.$router.push({path:p})
        this.$router.push(p)
      }
    }//methods
  }
</script>